ASP.Net MVC-তে ফর্ম তৈরি করার জন্য HTML Helper ব্যবহার করা হয়। HTML Helper হল একটি পদ্ধতি যা Razor ভিউ ইঞ্জিনের মাধ্যমে HTML ফর্মের উপাদান তৈরি করতে সাহায্য করে। এটি কোডকে সহজ, পরিষ্কার এবং পুনঃব্যবহারযোগ্য করে তোলে, এবং HTML ফর্ম তৈরি করার সময় ডেভেলপারকে অনেক বেশি নমনীয়তা প্রদান করে।

HTML Helper কী?

HTML Helper একটি মেথড যা HTML ট্যাগগুলির মাধ্যমে কন্ট্রোলার থেকে ভিউতে ডেটা প্রেরণ করতে ব্যবহৃত হয়। এই হেলপার ফাংশনগুলির মাধ্যমে ডেভেলপাররা সহজেই বিভিন্ন ধরনের ফর্ম কন্ট্রোল (যেমনঃ টেক্সট বক্স, রেডিও বাটন, চেকবক্স, ড্রপডাউন লিস্ট ইত্যাদি) তৈরি করতে পারেন।

HTML Helper কে সাধারাণভাবে @Html এর মাধ্যমে কল করা হয়, যা Razor ভিউ ইঞ্জিনে ব্যবহৃত হয়।

HTML Helper দিয়ে ফর্ম তৈরির উদাহরণ

ধরা যাক, আপনি একটি সিম্পল কনট্যাক্ট ফর্ম তৈরি করতে চান যেখানে ব্যবহারকারীরা তাদের নাম, ইমেইল এবং বার্তা প্রদান করতে পারবেন। এই ফর্মে কিছু সাধারণ HTML Helper ফাংশন ব্যবহার করা হবে।

1. TextBox (টেক্সট বক্স)

প্রথমে একটি টেক্সট বক্স তৈরি করা যাক যেখানে ব্যবহারকারী তাদের নাম ইনপুট করতে পারবেন।

@using (Html.BeginForm())
{
    <div>
        <label for="Name">Name:</label>
        @Html.TextBox("Name")
    </div>
}

এখানে @Html.TextBox("Name") একটি ইনপুট ফিল্ড তৈরি করবে, যেখানে ব্যবহারকারী তাদের নাম প্রদান করতে পারবেন।

2. Label (লেবেল)

লেবেল তৈরি করার জন্য @Html.Label ব্যবহার করা হয়, যা টেক্সট ফিল্ড বা অন্যান্য কন্ট্রোলের জন্য ট্যাগ প্রদর্শন করতে সহায়ক।

<div>
    @Html.Label("Email")
    @Html.TextBox("Email")
</div>

এখানে @Html.Label("Email") লেবেল তৈরি করবে এবং পরবর্তী @Html.TextBox("Email") এর মাধ্যমে ইমেইল ইনপুট ফিল্ড তৈরি হবে।

3. TextArea (টেক্সট এরিয়া)

যদি আপনার ফর্মে একটি বড় টেক্সট এরিয়া (যেমন বার্তা লেখার জন্য) প্রয়োজন হয়, তবে আপনি @Html.TextArea ব্যবহার করতে পারেন।

<div>
    @Html.Label("Message")
    @Html.TextArea("Message", 4, 20)
</div>

এখানে @Html.TextArea("Message", 4, 20) একটি টেক্সট এরিয়া তৈরি করবে যার মধ্যে 4 লাইন এবং 20 কলাম থাকবে।

4. Submit Button (সাবমিট বাটন)

ফর্ম সাবমিট করার জন্য একটি বাটন ব্যবহার করা হবে। @Html.SubmitButton ব্যবহার করে সাবমিট বাটন তৈরি করা যেতে পারে।

<div>
    @Html.SubmitButton("Submit")
</div>

এটি একটি সাবমিট বাটন তৈরি করবে যা ফর্মটি সাবমিট করার জন্য ব্যবহার করা যাবে।

HTML Helper এর অন্যান্য জনপ্রিয় ফাংশন

• @Html.DropDownList: ড্রপডাউন লিস্ট তৈরি করতে ব্যবহৃত হয়।
• @Html.CheckBox: চেকবক্স তৈরি করতে ব্যবহৃত হয়।
• @Html.RadioButton: রেডিও বাটন তৈরি করতে ব্যবহৃত হয়।
• @Html.ValidationMessage: ইনপুট ফিল্ডের জন্য ভ্যালিডেশন মেসেজ দেখানোর জন্য ব্যবহৃত হয়।

উদাহরণ: পূর্ণ ফর্ম

এখন পুরো ফর্মটি তৈরি করা যাক, যেখানে নাম, ইমেইল, বার্তা এবং একটি সাবমিট বাটন থাকবে:

@using (Html.BeginForm("SubmitForm", "Home", FormMethod.Post))
{
    <div>
        <label for="Name">Name:</label>
        @Html.TextBox("Name")
    </div>

    <div>
        <label for="Email">Email:</label>
        @Html.TextBox("Email")
    </div>

    <div>
        <label for="Message">Message:</label>
        @Html.TextArea("Message", 4, 50)
    </div>

    <div>
        @Html.SubmitButton("Submit")
    </div>
}

এটি একটি সিম্পল কনট্যাক্ট ফর্ম তৈরি করবে যেখানে ব্যবহারকারী নাম, ইমেইল এবং বার্তা প্রদান করতে পারবেন এবং সাবমিট বাটনের মাধ্যমে ফর্মটি সাবমিট করতে পারবেন।

সারমর্ম

ASP.Net MVC-তে HTML Helper ব্যবহার করে ফর্ম তৈরি করা অনেক সহজ এবং পরিষ্কার। HTML Helper ফাংশনগুলি সঠিক HTML ট্যাগ এবং উপাদান তৈরি করতে সহায়ক, যা কোড রক্ষণাবেক্ষণ এবং পুনঃব্যবহারযোগ্যতা নিশ্চিত করে। এটি ডেভেলপারদের দ্রুত এবং কার্যকরভাবে ফর্ম তৈরি করতে সাহায্য করে।